/*
 * Copyright (c) 2009, 2010, 2011, 2012 Brent Weston Robinett <bwrobinett@gmail.com>
 * Licensed under the MIT License:http://www.opensource.org/licenses/mit-license.php
 */
body, html, #calcWrapperTable {padding:0; margin:0; background-color:white; height:100%; width:100%;}
body {font-size:17px; font-family:monospace; color:#123272; overflow:hidden;}
ul {list-style-type:none; margin-left:-15px;}
#calcWrapper {position:absolute; table-layout:fixed; height:100%; width:100%; margin:0; padding:0px;}
/*
	Header
*/
#headerWrapper {margin:3px;}
#chromeyCalcName {
	position:absolute; margin: 20px 0px 0px 6px;
	font-family:courier, monospace; font-size:16px; font-weight:bold; color:#3c5481;
	letter-spacing:2px; text-shadow:1px 1px 2px #ccc;
	cursor:pointer;
}
#chromeyCalcPageLink {text-decoration:none;}
#headerLinks {
	position:relative; float:right; height:38px; margin-right:2px;
	font-size:13px; font-family:arial,sans-serif; color:#1D1ECE;
}
.headerLink, .headerSeparator {position:relative; float:right;}
.headerSeparator {margin:0 3px;}
.headerLink {color:#1D1ECE;}
.headerLink:visited {color:#1D1ECE;}
#popOut {text-decoration:none; margin-left:-1px; margin-top:-2px;}
/*
	Results
*/
#calcResultsWrapper {
	position:relative; margin: 1px 8px;
	font-family:times, serif;
	background-color:rgba(221,234,249,.5); border:solid #3E5785 1px;
	-webkit-box-shadow: 0px 0px 3px black; -webkit-border-radius: 0px;
	overflow:auto;
}
#calcResultsWrapper, #calcResultsWrapperCell {
	height: 100%;
}
.outputText, .inputText, .replacedInputText, .errorInputText, .errorOutputText,
.inputTextWithVars, .replacedVarAssignmentInputText,
.varAssignmentInputText, .varAssignmentOutputText {
	cursor:pointer;
}
.outputText {position:relative;}
.resultLink {display: block; position: absolute; top:-3px; left:-21px; width:17px;
	color:#3E5785; opacity:0.6;
	font-family:Georgia,serif; font-size:16px;
	text-align: center; text-decoration:none;
}
.resultLink:hover {color:#1D1ECE; opacity:1; text-decoration:underline;}
.result {position:relative; font-size:16px; margin-left:-25px; border-left:solid 25px transparent;}
.input {color:grey;}
.output {margin-bottom:10px;}
.errorOutputText {font-style:normal;}
.replacedInputText, .replacedVarAssignmentInputText {text-decoration:line-through;}
/*
	Input
*/
#calcInput {
	position:relative; width:100%; margin:0px; padding-left:22px;
	border:solid #3E5785 1px; background-color:#DDEAF9;
	font-family: inherit; font-size: 16px;
	-webkit-box-sizing:border-box; -webkit-box-shadow: 0px 0px 3px black;
}
#calcInputWrapper {position:relative; margin:7px 8px 6px;}
#calcInputInnerWrapper {	position:relative;}
#inputMarker {
	position:absolute;	left:8px; bottom:1px;
	font-weight:bold; font-size:16px; font-family:courier, monospace; color:#3E5785;
}
/*
	hbox and vbox classes [modified from http://alex.dojotoolkit.org/2009/08/css-3-progress/]

.hbox {display:-webkit-box;	-webkit-box-orient:horizontal; -webkit-box-align:stretch;}
.hbox > * {-webkit-box-flex:0; display:block;}
.vbox {display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-align:stretch;}
.vbox > * {-webkit-box-flex:0; display:block;}
.spacer {-webkit-box-flex:1;}
.reverse {-webkit-box-direction:reverse;}
.boxFlex0 {-webkit-box-flex:0;}
.boxFlex1, .boxFlex {-webkit-box-flex:1;}
.boxFlex2 {-webkit-box-flex:2;}
.boxGroup1 {-webkit-box-flex-group:1;}
.boxGroup2 {-webkit-box-flex-group:2;}
.start {-webkit-box-pack:start;}
.end {-webkit-box-pack:end;}
.center {-webkit-box-pack:center;}*/